<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>编辑求购</title>
	<link rel="stylesheet" href="../static/css/Reset.css" />
	<link rel="stylesheet" href="../static/css/editBuy.css" />
</head>
<body>
	<div class="cyp_main" id="findClass">
		<!--第一步-->
		<div class="cyp_form" v-cloak>
			<section class="express-area" id="selectClass" @click="getClass">
				<dl id="goodsClass">
					<dt>求购产品分类</dt>
					<div id="classDt" class="classDt">{{detailData.categoryName}}</div>
					<input type="hidden" name="categoryId" id="categoryId" value="{{detailData.categoryId}}"/>
					<input type="hidden" name="oneClass" id="oneClassId" value="" data-oneClass-name=""/>                     
    				<input type="hidden" name="twoClass" id="twoClassId" value="" data-twoClass-name=""/>
				</dl>
			</section>
			<section class="express-area" id="selectDate" @click="getDate">
				<dl id="target">
					<dt>最晚发货日期</dt>
					<div id="showDate" data-month="" data-date="" class="classDt"></div>
				</dl>
			</section>
			<div class="cyp_item">
				<input class="new_input" type="text" id="qgTitle" name="qgTitle" value="{{detailData.title}}" maxlength="15" placeholder="输入标题，不超过15字"/>
			</div>
			<div class="cyp_item" id="selectProvince" @click="getProvince">
				<input class="new_input" type="text" id="qgChandi" name="qgChandi" value="" readonly="readonly" placeholder="产地要求"/>
				<i class="unit"><img src="../static/images/go.png" alt="" /></i>
				<input type="hidden" name="provinceId" id="provinceId" value="">
			</div>
			<div class="cyp_item">
				<input class="new_input" type="tel" value="{{detailData.buyingNum}}" @blur="checkInteger" id="qgNum" name="qgNum"  placeholder="输入重量"/>
				<i class="unit">斤</i>
			</div>
			<div class="cyp_item">
				<input class="new_input" type="number" value="{{detailData.perPrice}}" @blur="checkPrice" id="perPrice" name="perPrice"  placeholder="输入价格"/>
				<i class="unit">元/斤</i>
			</div>
			<textarea class="modal-content-shur" id="description" maxlength="200" placeholder="输入描述，不超过200字">{{detailData.description}}</textarea>
			<div @click="editOneValidator" class="fqlist_bottom" id="nextFrom">下一步</div>
		</div>
		<!--第二步-->
		<div id="second" class="cyp_form">
			<div class="cyp_item">
	            <span class="cyp_sp">联系人</span>
	            <input class="cyp_input" v-model="userData.nickName" type="text" id="buyerName" name="buyerName" />
	        </div>
	        <div class="cyp_item">
	            <span class="cyp_sp">联系电话</span>
	            <input class="cyp_input" v-model="userData.mobile" type="tel" id="buyerMobile" name="buyerMobile"/>
	        </div>
	        <div class="fq_divbot">
	            <div class="fq_divbotTop">详细地址</div>
	            <textarea maxlength="30" id="buyerAddress" placeholder="输入详细地址，不超过30字" class="modal-content-shur1"></textarea>
	        </div>
	        <div @click="checkUserInfo" class="fqlist_bottom">提交</div>
		</div>
        <!--loading组件-->
		<loading v-show="showLoading"></loading>
        <!--选择地区弹层-->
		<div class="selectProvince"></div>
		<!--选择分类弹层-->
		<div class="selectClass"></div>
		<!--选择日期弹层-->
		<div class="selectDate"></div>
	</div>
	<!--dialog 确认框-->
	<div class="modal" id="delete">
	    <div class="modal-content">
	        <div class="modal-body"><p>您的发布尚未提交，是否返回？</P></div>
	        <div class="modal-footer">
	            <a class="btn-success">是</a>
	            <a class="btn-default">否</a>
	        </div>
	    </div>
	</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/iosSelect.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/editBuy.js"></script>
</html>